<!DOCTYPE html>
<html>

	<head>
		<meta  charset="UTF-8">
		<title>网上电脑城登录页面</title>
		<style type="text/css">
			body {
				margin: 0px;
				padding: 0px;
				background-color: floralwhite;
			}
			
			#container {
				width: 80%;
				height: 550px;
				margin-left: auto;
				margin-right: auto;
				clear: both;
			}
			
			#header {
				width: 100%;
				height: 20%;
				background-color: lightgreen;
			}
			
			#content {
				width: 100%;
				height: 80%;
				background-color: aquamarine;
			}
			
			#footer {
				width: 100%;
				height: 20%;
				background-color: darkseagreen;
			}
			
			#iLeft {
				width: 20%;
				height: 100%;
				float: left;
				background-color: aquamarine;
			}
			
			#iRight {
				width: 80%;
				height: 100%;
				float: left;
				background-color: azure;
			}
			
			.rows {
				float: left;
			}
			
			#cImag {
				width: 130px;
				margin: 10px;
				clear: both;
			}
			
			.Imag {
				width: 80px;
				height: 80px;
			}
			
			#cTxt {
				width: 300px;
				margin: 10px;
			}
			
			/*#iPrice {
				width: 130px;
				margin: 10px;
				float: left;
				margin: 25px;
				padding: 10px;
			}*/
			
			.g_price strong {
				float: left;
				width: 130px;
				margin: 25px;
				padding: 10px;
				color: #F40;
				font-weight: 700;
				font-family: verdana, arial;
			}
			.image{
				width: 3px;
				height: 3px;
				background-image: url(image/1.jpg.png); 
			}
		</style>
	</head>

	<body>
		<div id="container">
			<div id="header">
				<ul>
					<li class="image"></li>
					<li><a href="#">首页</a></li>
					<li><a href="#">用户管理</li>
					<li><a href="#">购物车</li>
					<li><a href="#">订单</li>
					<li><a href="#">退出</li>
					<li><a href="#">登录</li>
					<li><a href="#">注册</li>
				</ul>
			</div>
			<div id="content">
				<div id="iLeft">
					left
				</div>
				<div id="iRight">
					<div id="crows">
						<div id="cImag" class="rows">
							<img src="image/row1.jpg" class="Imag" />
						</div>
						<div id="cTxt" class="rows">
							<p>ThinkPad X1 Carbon 20FBA00XCD 8G 192GB SSD 14英寸笔记本电脑</p>
						</div>
						<div id="iPrice" class="g_price">
							<strong> ¥12999.00 </strong>
						</div>
					</div>
					<div id="crows">
						<div id="cImag" class="rows">
							<img src="image/row2.jpg" class="Imag" />
						</div>
						<div id="cTxt" class="rows">
							<p>2016款ThinkPad X1 Carbon i5-6200U 14英寸超极本联想笔记本电脑</p>
						</div>
						<div id="iPrice" class="g_price">
							<strong> ¥12999.00 </strong>
						</div>
					</div>
					<div id="crows">
						<div id="cImag" class="rows">
							<img src="image/row3.jpg" class="Imag" />
						</div>
						<div id="cTxt" class="rows">
							<p>ThinkPad X1 Carbon 2016/X260/X1 Yoga 260 美国八通道美行代购</p>
						</div>
						<div id="iPrice" class="g_price">
							<strong> ¥12999.00 </strong>
						</div>
					</div>
					<div id="crows">
						<div id="cImag" class="rows">
							<img src="image/row4.jpg" class="Imag" />
						</div>
						<div id="cTxt" class="rows">
							<p>2016款ThinkPad X1 Carbon 20FBA0-0ACD 8G 256G 笔记本电脑</p>
						</div>
						<div id="iPrice" class="g_price">
							<strong> ¥12999.00 </strong>
						</div>
					</div>
				</div>
			</div>
			<div id="footer">
				footer
			</div>
		</div>

	</body>

</html>